<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Office</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- CSS -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300">
        <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
        <link href="http://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" type="text/css" media="all" href="assets/css/style-projects.css">
        

        <!-- Favicon and touch icons -->
        <link rel="shortcut icon" href="assets/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
    </head>


    <body>

 <!-- Header -->
        
    <nav id="navbar-section" class="navbar navbar-default navbar-static-top navbar-sticky" role="navigation">
        <div class="container">
        
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="navbar-brand wow fadeInDownBig" href="index.html">
                	<!--<img class="office-logo" src="assets/img/slider/Office.png" alt="Office">-->
                		校园内推
                </a>      
            </div>
        
            <div id="navbar-spy" class="collapse navbar-collapse navbar-responsive-collapse">
                <ul class="nav navbar-nav pull-right">
                    <li>
                        <a href="index.html">主页</a>
                    </li>
                    
                    <li>
                        <a href="blog.html">找工作</a>
                    </li>
                    <li >
                        <a href="../index/produce/index.html">纪念品商城</a>
                    </li>
                    <li class="active">
                        <a href="team.html"><span>聊工作</span></a>
                    </li>
                 
                    <li >
                        <a href="../login/index.html"><span>登录</span></a>
                    </li>
                </ul>         
            </div>
        </div>
    </nav>

    <!-- End Header -->

    <div class="row container-kamn">  
        <img src="assets/img/slider/slide9.jpg" width="100%" class="blog-post" alt="Feature-img" align="right" width="100%"> 
    </div>

    <!--End Header -->


    <!-- Main Container -->

    <div id="banners"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="blockquote-box blockquote-info animated wow fadeInLeft clearfix">
                    <div class="square pull-left">
                        <a href="../index.html">
                        <img src="assets/img/team/member2.png" alt="Feature-img" height="80" width="100">
                        </a>
                    </div>
                    <h4>
                        刘青山
                    </h4>
                    <p>
                       2018年毕业生，知乎工作
                    </p>
                </div>
                <div class="blockquote-box blockquote-primary animated wow fadeInLeft clearfix">
                    <div class="square pull-left">
                        <a href="../index.html">
                        <img src="assets/img/team/member1.png" alt="Feature-img" height="80" width="100">
                        </a>
                    </div>
                    <h4>
                        刘青山
                    </h4>
                    <p>
                        2018年毕业生，知乎工作
                    </p>
                </div>
                <div class="blockquote-box blockquote-success animated wow fadeInLeft clearfix">
                    <div class="square pull-left">
                        <a href="../index.html">
                        <img src="assets/img/team/member2.png" alt="Feature-img" height="80" width="100">
                        </a>
                    </div>
                    <h4>
                        刘青山
                    </h4>
                    <p>
                        2018年毕业生，知乎工作
                    </p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="blockquote-box blockquote-danger animated wow fadeInRight clearfix">
                    <div class="square pull-left">
                        <a href="../index.html">
                        <img src="assets/img/team/member3.png" alt="Feature-img" height="80" width="100">
                        </a>
                    </div>
                    <h4>
                        刘青山
                    </h4>
                    <p>
                        2018年毕业生，知乎工作
                    </p>
                </div>
                <div class="blockquote-box blockquote-warning animated wow fadeInRight clearfix">
                    <div class="square pull-left">
                        <a href="../index.html">
                        <img src="assets/img/team/member2.png" alt="Feature-img" height="80" width="100">
                        </a>
                    </div>
                    <h4>
                        Chris Way
                    </h4>
                    <p>
                        iOS Developer , Technext
                    </p>
                </div>
                <div class="blockquote-box animated wow fadeInRight clearfix">
                    <div class="square pull-left">
                        <a href="../index.html">
                        <img src="assets/img/team/member1.png" alt="Feature-img" height="80" width="100">
                        </a>
                    </div>
                    <h4>
                        Christopher
                    </h4>
                    <p>
                        Web Developer , Technext
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!--End Main Container -->



    <!-- Footer -->
    <footer> 
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h3><i class="fa fa-map-marker"></i>联系方式</h3>
                    <p class="footer-contact">
                                                阜阳师范学院<br>
                                                 手机:13811012138 传真: 26531589<br>
                       	 邮箱: hello@qq.com<br>
                    </p>
                </div>
                <div class="col-md-4">
                    <h3><i class="fa fa-external-link"></i>跳转</h3>
                    <p> <a href="#"> 关于我们</a></p>
                    <p> <a href="#"> 服务</a></p>
                    <p> <a href="#">联系我们</a></p>
                    <p> <a href="#">推送</a></p>
                    <p> <a href="#">纪念品商城</a></p> 
                </div>
              <div class="col-md-4">
                <h3><i class="fa fa-heart"></i>介绍</h3>
                <div id="social-icons">
                	服务在校学生
                    <!--<a href="#" class="btn-group google-plus">
                        <i class="fa fa-google-plus"></i>
                    </a>
                      <a href="#" class="btn-group linkedin">
                        <i class="fa fa-linkedin-square"></i>
                    </a>
                      <a href="#" class="btn-group twitter">
                        <i class="fa fa-twitter"></i>
                    </a>
                      <a href="#" class="btn-group facebook">
                        <i class="fa fa-facebook"></i>
                    </a>-->
                </div>
              </div>    
        </div>
      </div>
    </footer>

    
    <div class="copyright text center">
        <p>Copyright &copy; 2018 校园内推</p>
    </div>

    
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
      new WOW().init();
    </script>

  </body>
</html>
